<template>
  <view class="bg-white page">
    <!-- 帮助列表 start -->
    <view class="solid-bottom fu-list" @click="goHelpDetail(1)">
      <view class="fu-item">
        <text class="text-lg">{{i18n['我怎样注册app？']}}</text>
        <text class="fu-iconfont fu-text-24 text-gray"> &#xe82d; </text>
      </view>
    </view>

    <view class="solid-bottom fu-list" @click="goHelpDetail(2)">
      <view class="fu-item">
        <text class="text-lg">{{i18n['怎样修改密码？']}}</text>
        <text class="fu-iconfont fu-text-24 text-gray"> &#xe82d; </text>
      </view>
    </view>

    <view class="solid-bottom fu-list" @click="goHelpDetail(3)">
      <view class="fu-item">
        <text class="text-lg">{{i18n['积分规则是什么？']}}</text>
        <text class="fu-iconfont fu-text-24 text-gray"> &#xe82d; </text>
      </view>
    </view>

    <view class="solid-bottom fu-list" @click="goHelpDetail(4)">
      <view class="fu-item">
        <text class="text-lg">{{i18n['怎样获得优惠券？']}}</text>
        <text class="fu-iconfont fu-text-24 text-gray"> &#xe82d; </text>
      </view>
    </view>

    <view class="solid-bottom fu-list" @click="goHelpDetail(5)">
      <view class="fu-item">
        <text class="text-lg">{{i18n['怎样查找/领取优惠券？']}}</text>
        <text class="fu-iconfont fu-text-24 text-gray"> &#xe82d; </text>
      </view>
    </view>

    <view class="solid-bottom fu-list" @click="goHelpDetail(6)">
      <view class="fu-item">
        <text class="text-lg">{{i18n['怎样修改密码？']}}</text>
        <text class="fu-iconfont fu-text-24 text-gray"> &#xe82d; </text>
      </view>
    </view>

    <view class="solid-bottom fu-list" @click="goHelpDetail(7)">
      <view class="fu-item">
        <text class="text-lg">{{i18n['积分规则是什么？']}}</text>
        <text class="fu-iconfont fu-text-24 text-gray"> &#xe82d; </text>
      </view>
    </view>
    <!-- 帮助列表 end -->
  </view>
</template>

<script>
/**
 * @author 刘畅
 */
export default {
  name:'Help',
  data() {
    return {}
  },
  onLoad() {
    this.setNavigationBarTitle(this.i18n['反馈与帮助'])
  },
  onShow() {},
  methods: {
    /**
     * @event
     * @description 去帮助详情页面
     * @param {Numebr} type - 去往那个问题的详情
     */
    goHelpDetail(type) {
      this.$urouter.navigateTo({
        url: '/pages/index/help/help-detail/index',
        params: { "id": type }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.page{
  width: 100%;
  height: calc(100vh - 88rpx);
  padding-left: 32rpx;
  padding-right: 32rpx;
}

.fu-list{
  height: 110rpx;
  .fu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 110rpx;
    .fu-text-24 {
      font-size: 24rpx !important;
    }
  }
}
</style>
